/* Background */
.exhibitions {
  background-color: var(--blue);
  background-image: url(../../images/backgrounds/green-glass.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Title */
.title {
  margin-bottom: -1.8em;
}

/* Main Photo */
.main-photo {
  border: 1px solid grey;
  background-image: url("../../images/exhibitions/Όταν αυτό 2/09.JPG");
  display: normal;
}

/* Video */
.overlayVideo {
  background-image: url("../../images/exhibitions/Όταν αυτό 2/10.JPG");
}
/* Διαβαστε περισσοτερα */
.more-content {
  display: none;
}
.show-more {
  color: gray;
  cursor: pointer;
  font-weight: 400;
}

/* Press */

/* Photos Grid layout */
.custom-grid {
  display: grid;

  justify-content: start;
  align-items: stretch;
  column-gap: 15px;
  row-gap: 15px;

  /* grid-template-columns: (35% - 15px) 30% (35% - 15px);
  grid-template-rows: auto;
  grid-template-areas: 
    "p1 p2 p3"
    "p4 p4 ."; */

  grid-template-columns: (20% - 15px) 20% (20% - 15px) 20% (20% - 15px);
  grid-template-rows: repeat(4, 230px);
  grid-template-areas:
   "p4 p7 p8 p5"
   "p4 p9 p9 p5"
   "p1 p9 p9 p6"
   "p1 p3 p2 p6";
}

/* Media Queries */
@media only screen and (max-width: 992px) {

  .left .custom-grid,
  .right .custom-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, 300px);
    column-gap: 15px;
    row-gap: 15px;
    grid-template-areas:
      "p8"
      "p7"
      "p2"
      "p3"
      "p4"
      "p6" 
      "p1"
      "p5"
      "p9";
  }
}